{% extends 'Bootstrap/base.html' %}

{% block content %}

<div class="container" style="width:600px; height:800px; margin: 100px auto;">
    <div class="panel panel-primary">
        <div class="panel-heading" ><h1>{{ the_row_city }}</h1>今日天气：</div>
        <div class="panel-body">
             <table style="margin: 0px;padding: 0px;">
                 <td style="margin: 0px;padding: 0px;" width="200px">
                     <div style="margin-top: 100px;margin-left: 70px;">
                        <h1 style="font-size: 48px">{{ the_row_weather }}</h1>
                        <h1 style="font-size: 48px">{{ the_row_temperature }} ℃</h1>
                     </div>
                 </td>
                 <td style="margin: 0px;padding: 0px;">
                     <div style="margin-top: 100px;margin-left: 50px;">
                         <h4>风向：{{ the_row_winddirection }}</h4>
                         <h4>风力：{{ the_row_windpower }}</h4>
                         <h4>湿度：{{ the_row_humidity }}</h4>
                         <p>上次更新时间：{{ the_row_reporttime }}</p>
                     </div>
                 </td>

             </table>

            <form method="post" action="/entry" style="margin-top: 200px;">
                <button class="btn btn-lg btn-primary btn-block" type="submit">返回首页</button>
            </form>

        </div>
    </div>

</div>

{% endblock %}